<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
    <link
      href="https://fonts.googleapis.com/css2?family=Roboto&family=Roboto+Condensed:wght@400;700&display=swap"
      rel="stylesheet"
    />
    <link rel="stylesheet" href="css/reset.css" />
    <link rel="stylesheet" href="css/slick.css" />
    <link rel="stylesheet" href="css/style.css" />
  </head>
  <body>
    <header class="header">
      <div class="container">
        <div class="header-top">
          <div class="logo">
            <a href="#">
              <img src="./images/logo.png" alt="" />
            </a>
          </div>
          <div class="header-btn">
            <div></div>
            <div></div>
            <div></div>
          </div>
        </div>
        <div class="header-content">
          <h1 class="header-content__title">Peers</h1>
          <div class="header-content__text">
            чёта чета тама )))))))))))))
          </div>
          <a href="#" class="button"> Смотреть </a>
        </div>
      </div>
    </header>
    <nav class="menu">
      <div class="container container-menu">
        <div class="close-btn"></div>
        <div class="menu__list">
          <ul>
            <li><a href="#">Узнать цену</a></li>
            <li><a href="#">Характеристики</a></li>
            <li><a href="#">Тест Драйв</a></li>
            <li><a href="#">Новости</a></li>
            <li><a href="#">Контакты</a></li>
          </ul>
        </div>
      </div>
    </nav>
    <section class="slider-top">
      <div class="slider">
        <div
          class="slider__item"
          style="background-image: url(images/header1.jpg)"
        ></div>
        <div
          class="slider__item"
          style="background-image: url(images/header2.jpg)"
        ></div>
        <div
          class="slider__item"
          style="background-image: url(images/header3.jpg)"
        ></div>
      </div>
    </section>

    

     <section class="video">
      <div class="container">
        <iframe
          width="100%"
          height="400"
          src="https://www.youtube.com/embed/mgIVmc8Xrd4?controls=0"
          frameborder="0"
          allow="accelerometer; autoplay; clipboard-write; encrypted-media; 
        gyroscope; picture-in-picture"
          allowfullscreen
        ></iframe>
      </div>
    </section>

    
    
     <footer class="footer">
      <div class="container">
        <div class="footer-btn">
          <a href="#" class="button"> ляля трапаля </a>
        </div>
        <div class="footer-copy">
          <ul>
            <li>Tesla © 2020</li>
            <li><a href="#">бла бла бла</a></li>
            <li><a href="#">Contact</a></li>
            <li><a href="#">Careers</a></li>
            <li><a href="#">Get Newsletter</a></li>
            <li><a href="#">Forums</a></li>
            <li><a href="#">Locations</a></li>
          </ul>
        </div>
      </div>
    </footer>  

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script src="js/slick.min.js"></script>
    <script src="js/main.js"></script>
  </body>
</html>
